<!-- 认证失败 -->
<template>
    <view class="authentication-success authentication-error">
        <view class="authentication-success-box">
            <img src="@/assets/image/icon85.png" alt="">
        </view>
        <view class="error-text">
            建议您更换本人清晰正脸照片重新认证
        </view>
        <view class="authentication-tips-list">
            <view class="authentication-tips-item"><text>您的真人认证失败，原因可能如下：</text></view>
            <view class="authentication-tips-item"><text>1、照片有遮挡，无法识别清晰五官； </text></view>
            <view class="authentication-tips-item"><text>2、照片与人脸识别不一致；</text>
            </view>
            <view class="authentication-tips-item"><text>3、照片美颜程度过大会影响机器识别，导致认证失败；</text>
            </view>
        </view>
    </view>
</template>
   
<script setup>
import { reactive, ref, getCurrentInstance, onMounted } from "vue"
import { onLoad } from '@dcloudio/uni-app'
import c1 from "@/assets/image/icon106.png"
const state = reactive({
    photoImg: c1,
    isPhoto: true,
    show: false
})

onLoad((options) => {

})

const { proxy } = getCurrentInstance();


</script>
  
<style lang="scss" scoped>
.authentication-error {

    .authentication-success-box {
        width: 320rpx;
        height: 320rpx;
        margin: 0 auto 20rpx auto;

        img {
            width: 100%;
        }
    }

    .error-text {
        width: 420rpx;
        text-align: center;
        margin: 0 auto;
        font-size: 32rpx;
        font-weight: bold;
        color: #262626;
        line-height: 50rpx;
    }

    .authentication-tips-list {
        margin-top: 200rpx;
        padding: 30rpx;
    }

    .authentication-tips-item {
        font-size: 28rpx;
        margin-bottom: 10rpx;
    }
}
</style>